<template>
  <div id="notFound">
    <h1 id="notFoundText">404</h1>
    <img src="https://bokey.oss-cn-shenzhen.aliyuncs.com/img/staticImage/404.png" alt="404" id="notFoundTextImg">
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
    #notFound {
        grid-area: content;
    }
    #notFoundText {
        color: $color-main-text;
        font-size: $font-size-large;
        margin: 50px auto 20px auto;
        text-align: center;
    }
    #notFoundTextImg {
        display: block;
        height: 60%;
        width: 40%;
        margin: 0 auto;
    }
</style>